<!DOCTYPE html>
<html lang="">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
    <title><%= htmlWebpackPlugin.options.title %></title>
    <style>
      html,body,#app{
        height: 100%;
        margin:0px;
      }

     ::-webkit-scrollbar-track {
        -webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);
        background-color:#F5F5F5;
        border-radius:10px;
      }
     ::-webkit-scrollbar {
        width:10px;
        background-color:#F5F5F5;
      }
      ::-webkit-scrollbar-thumb {
        background-color:#3366FF;
        border-radius:10px;
        background-image:-webkit-linear-gradient(0deg,rgba(255,255,255,0.5) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.5) 50%,rgba(255,255,255,0.5) 75%,transparent 75%,transparent)
      }

    </style>
  </head>
  <body>
    <noscript>
      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app">
      <router-view ></router-view>
    </div>
    <!-- built files will be auto injected -->
  </body>
</html>
